<template>
  <el-empty>
    <template #image>
      <img class="w-[60px]" src="@/assets/images/empty.png" />
    </template>
    <template #description>
      <div class="h-[20px] leading-[20px] text-[#666]">{{ description }}</div>
    </template>
  </el-empty>
</template>

<script lang="ts" setup>
withDefaults(
  defineProps<{
    description?: string;
  }>(),
  {
    description: "暂无数据"
  }
);
</script>

<style scoped lang="scss">
.el-empty {
  --el-empty-image-width: auto;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
:deep() {
  .el-empty__image {
    width: auto !important;
  }
  .el-empty__description {
    margin-left: -10px;
  }
}
</style>
